<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米SU7页面</title>
	</head>
	<style>
		div.product-card{
			width: 350px;
			height: 600px;
			border: 1px solid #bfbfbf;
			border-radius: 8px;
		}
		div.picture{
			width: 320px;
			height: 400px;
			margin: 0 auto;
			margin-top: 20px;
			background: url(../Day03/img/car.jpg);
			background-size: 100% 100%;
		}
		h1{
		    font-size: 25px;
			text-align: center;
		}
		.price{
			font-size: 30px;
			text-align: center;
			color: #ff0000;
		}
		.review{
			display: block;
			font-size: 18px;
			text-align: center;
			color: #adadad;
			margin-top: -15px;
		}
	</style>
	<body>
		<div class="product-card">
			<div class="picture"></div>
			<h1>小米SU7</h1>
			<p class="price">¥279999.00</p>
			<p class="review">
				<span>已有</span>
				<span>10万+</span>
				<span>人评价</span>
			</p>
		</div>
	</body>
</html>